<div id="container">
<section id="content"> 
<script type="text/javascript">
	function func_back(){
		$("#main_form").prop("action", "manageListSubject");
		return $("#main_form").submit();
	}

	function func_confirm(){
		var isValidName = true;
		var isValidVideo = true;
		var isValidFile = true;
		var isValidDesc = true;
		 if($("#txtSubName").val() == ""){
			$("#nameMsg").html("(Vui lòng nhập tên môn học)");
			isValidName = false;
		}else{
			isValidName = true;
		}

   		if($("#txtVideoId").val() == ""){
   			$("#videoMsg").html("(Vui lòng nhập mã video)");
   			isValidVideo = false;
   		} else{
        	$("#videoMsg").html("");
        	isValidVideo = true;
        }
        
   		if($("#file").val() == ""){
			$("#fileMsg").html("(Vui lòng chọn ảnh đại diện cho môn học)");
			isValidFile = false;
   		}else{
   	   		var fileName = $("#file").val();
   	   		if (fileName.indexOf(".") == -1){
   	   			$("#fileMsg").html("(Vui lòng chọn file hình ảnh [*.jpg, *.png hoặc *.gif] )");
   	   			isValidFile = false;
   	   		}else{
				var extension = fileName.substring(fileName.indexOf(".") + 1, fileName.substring.lenght);

				if(extension != "png" && extension != "PNG"  &&
						extension != "jpg" && extension != "JPG" && extension != "JPEG" && 
						extension != "gif" && extension != "GIF"){
					$("#fileMsg").html("(Vui lòng chọn file hình ảnh [*.jpg, *.png hoặc *.gif] )");
	   	   			isValidFile = false;
				}else{
					$("#fileMsg").html("");
			    	isValidFile = true;
				}
   	   		}
	   	   	
        }
		
   		if($("#txtSubDescript").val() == ""){
   			$("#descMsg").html("(Vui lòng nhập nội dung mô tả)");
   			isValidDesc = false;
   		} else{
        	$("#descMsg").html("");
        	isValidDesc = true;
        }

   		if (!($.isNumeric($("#txtSubFee").val()))){
   			$("#feeMsg").html("(Học phí không hợp lệ)");
   			isValidDesc = false;
   		} else{
        	$("#feeMsg").html("");
        	isValidDesc = true;
        }
        
   		if(isValidName && isValidVideo && isValidFile && isValidDesc){
   			var mydata = {};
			mydata['sub_name'] = $("#txtSubName").val();
			mydata['confirm_type'] = $("#hidConfirmType").val();
			mydata['old_sub_name'] = "";
			$.ajax({
		        type: "POST", 
		        url: "/it_center/Subjects/checkExistSubject/", 
		        data: mydata,
		        success: function(data){  	
			        if(data != ""){
				        $("#nameMsg").html("(" + data + ")");
				        return;
			        }else{
			        	return $("#main_form").submit();
			        }
		       	} 
	   		});
		}	
		
	}
	
</script>
<form id="main_form" method="post" action="confirmSubject" enctype="multipart/form-data">
	<input type="hidden" name="confirmType" id="hidConfirmType" value="insert" />
	<center>
		<H1>Tạo mới môn học</H1>
	</center>
	<table id="edit_table">
		<tr>
			<td class="edit_column" width="170">Môn học</td>
			<td style="text-align: left;"><input type="text" name="subName" id="txtSubName"
				value="<?php echo $subName; ?>" />
				<br/>
				<span id="nameMsg" class="errMsg"></span>	
			</td>
		</tr>
		<tr>
			<td class="edit_column">Học phí</td>
			<td style="text-align: left;"><input type="text" name="subFee" id="txtSubFee"
				value="<?php echo $subFee; ?>" />
				<br/>
				<span id="feeMsg" class="errMsg"></span>	
			</td>
		</tr>
		<tr>
			<td class="edit_column">Mã Video</td>
			<td>
				<input type="text" name="video_id" id="txtVideoId" value="<?php echo $videoId;?>"/>
				<br/>
				<span id="videoMsg" class="errMsg"></span>	
			</td>
		</tr>
		<tr>
			<td class="edit_column">Hình đại diện</td>
			<td>
				<input type="file" name="file" id="file">
				<br/>
				<span id="fileMsg" class="errMsg"></span>	
			</td>
		</tr>
		<tr>
			<td class="edit_column" style="vertical-align: top;">Mô tả môn học</td>
			<td style="text-align: left;">
				<textarea name="subDescript" id="txtSubDescript"
				style="width: 99%;" rows="20"><?php echo $subDescript; ?></textarea>
				<br/>
				<br/>
				<span id="descMsg" class="errMsg"></span>	
			</td>
		</tr>
		<tr>
			<td colspan="2" style="text-align: center;">
				<button type="button" onclick="func_confirm()">Xác Nhận</button>
				<button type="button" onclick="func_back()">Quay Lại</button>
			</td>
		</tr>
	</table>
</form>
</section>
</div>

